<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>thumb</title>

<link rel="stylesheet" href="../styles/uigg.css">

<script src="../js/jquery.min.js"></script>
<script src="//ui.gg/lib/anime.min.js"></script>
<script src="../js/uigg.js"></script>
</head>

<body center>

<style>
    section {font-size: 36px;font-weight: bold;text-transform: uppercase;}
</style>

<!----------------------------------------------------------------------------------------->

<section>alone</section>

<!----------------------------------------------------------------------------------------->

<script>
    alone = $('section')
    $(function(){
        anime({targets: 'section z',translateY: [100,0],opacity: [0,1],delay: anime.stagger(100),loop: true})
    })
</script>

</body>
</html>